<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>{% block title %}{% endblock %}</title>
<meta http-equiv="content-type" content="text/html; charset=utf8">
<link rel="shortcut icon" href="favicon.ico"/>
<style type="text/css">
body{padding: 20px;background: #707883; color: #222;text-align: center;
    font: 85% "Trebuchet MS",Arial,sans-serif}
h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal}
p{padding: 0 10px 15px}
h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
h2{font-size: 200%;line-height:1;color:#002455 }
div#container{width:650px !important; width /**/:660px;
    margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header{background: #BFDDED;padding: 10px;text-align:center}
div#content{float:right;width:500px;padding:10px 0;margin:5px 0;background: #778CCA}
div#nav{float:left;width:145px;padding:10px 0;margin:5px 0;background: #FFD154}
div#nav h2{font-size: 120%;color: #9E4A24}
div#footer{clear:both;background: #C4E786;padding:5px 0;text-align:center}
ul.postnav a{display:block; color: #666; text-align:left}
ul.postnav a:hover{background: #999999;color:#FFF}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#container");
Nifty("div#content,div#nav","same-height small");
Nifty("div#header,div#footer","small");
}
</script>
{% block heads %}{% endblock %}
</head>
<body>
<div id="container">
<div id="header"><h1>GMultiServer</h1></div>
<div id="nav">
<h2 align="center">Menu</h2>
<ul class="postnav">
<li><a href="/">Main</a></li>
<li><a href="/report">Report</a></li>
<li><a href="/chat">Chat</a></li>
</ul>
</div>

<div id="content">
{% block content %}{% endblock %}
</div>
<div id="footer">© {{ now.year }} - Gustaw Lewandowski</div>
</div>
</body>
</html>

<html>
<head>
